@charset "utf-8";
#headline{
	margin: 0 auto;
	width:100%;
	min-width:1263px;
	height:300px;
	/*背景图片颜色渐变
		linear-gradient(to right bottom,rgba(0,0,0,0.15),rgba(255,255,255))
	*/
	background:linear-gradient(to right bottom,rgba(0,0,0,0.15),rgba(255,255,255)),url(../img/1920-300.jpg) no-repeat center;
	position: relative;
}
#headline hgroup{
	padding:140px  0 0 700px;
}
#headline h2{
	
	font-size:26px;
	letter-spacing:1px;
}
#headline h3{
	
	font-size:20px;
	letter-spacing:1px;
}
#container{
	width:1263px;

	margin:30px auto;

}
#container .sidebar{
	width:340px;

	/*background-color:#eee;*/
	float:right;

}
#container .list{
	width:900px;

	background-color:#ccc;
	float:left;
}
#container  .sidebox {
	border:1px solid #eee;
	margin:0 0 10px 0;
	text-align:center;
}
#container  .sidebox  h2{
	font-size:20px;
	font-weight:normal;/*去掉粗体*/
	letter-spacing:1px;/*字间距*/
	text-indent:8px;/*文字缩进*/
	height:40px;
	line-height:40px;
	background-color:#fafafa;
	color:#666;
	text-align:left;
}
#container  .tag{
	padding:10px 0;
}
#container  .tag li{
	display:inline-block;
	width:100px;
	height:35px;
	line-height:35px;
	margin:2px 0;
	background-color:#eee;
	
	text-align:left;
	text-indent:8px;
}
#container  .tag a{
	display:block;
	color:#999;
}
#container  .tag a:hover{
	background-color:#458b00;
	color:#fff;
}
#container .figure{
	padding:10px 0;
} 
#container figure {
	display:inline-block;
	padding:4px;
	color:#666;
}
#container  .box  h2{
	font-size:20px;
	font-weight:normal;/*去掉粗体*/
	letter-spacing:1px;/*字间距*/
	text-indent:8px;/*文字缩进*/
	height:40px;
	line-height:40px;
	background-color:#fafafa;
	color:#666;
	text-align:left;
}
#container  .box{
	padding:10px 0;
}
#container  .box a{
	display:inline-block;
	width:150px;
	height:40px;
	line-height:40px;
	margin:2px 0;
	background-color:#eee;
	color:#999;
	text-align:left;
	text-indent:40px;
}

#container .box a.trea1{
	
	background:#eee url(../img/t1.png) no-repeat 10px center;
}
#container .box a.trea2{
	
	background:#eee url(../img/t2.png) no-repeat 10px center;
}
#container .box a.trea3{
	
	background:#eee url(../img/t3.png) no-repeat 10px center;
}
#container .box a.trea4{
	
	background:#eee url(../img/t4.png) no-repeat 10px center;
}
#container .infor{
	height:45px;
	line-height:45px;
	background-color:#eee;
}
#container  .left{
	display:inline-block;
	float:left;
}
#container  .left li{
	display:inline-block;
	width:100px;
	height:43px;
	line-height:45px;
	text-align:center;
}
#container  .left li:first-child{
	background-color:#fff;
	border-top:2px solid #458b00;
	position:relative;
	left:1px;
}
#container  .left  a{
	color:#666;
}
#container .right{
	display:inline-block;
	float:right;
}
#container .right li{
	display:inline-block;
	width:60px;
	height:45px;
	line-height:45px;
	text-align:center;
}
#container .right a{
	padding:3px 8px;
	color:#666;
}
#container .right a.selected, #container .right a:hover{
	background-color:#458b00;
	color:#fff;
}